<!DOCTYPE html >
<!--  Website template by freewebsitetemplates.com  -->
<html>

<head>
	<title>cs</title>
	<meta  charset=iso-8859-1" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<!--[if IE 6]>
		<link href="css/ie6.css" rel="stylesheet" type="text/css" />
	<![endif]-->
	<!--[if IE 7]>
        <link href="css/ie7.css" rel="stylesheet" type="text/css" />  
	<![endif]-->
	<script type="text/javascript">

function validateForm()
{
	var alphaExp = /^[a-zA-Z]+$/;
	var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
	var numberExp = /^[0-9]+$/;
	  var user1=document.forms["form1"]["fname"].value.match(alphaExp)
	  var pass1=document.forms["form1"]["lname"].value.match(alphaExp)
	  var email1=document.forms["form1"]["email"].value.match(emailExp)
	  var remail1=document.forms["form1"]["remail"].value.match(emailExp)
	  var dob=document.forms["form1"]["dob"].value
	  var iam=document.forms["form1"]["iam"].value.match(alphaExp)
	 var city=document.forms["form1"]["city"].value.match(alphaExp)
	 var working=document.forms["form1"]["working"].value
	
if (user1==null || user1=="")
  {
  alert("Enter the first name");
  return false;
  }
	if (pass1==null || pass1=="")
	  {
	  alert("Enter the last name");
	  return false;
	  }
	
	if (email1==null || email1=="")
	  {
	  alert("Enter email");
	  return false;
	  }
	if (remail1==null || remail1=="")
	  {
	  alert("Enter re-email");
	  return false;
	  }
	if (dob==null || dob=="")
	  {
	  alert("Enter the Date of birth");
	  return false;
	  }
	if (iam==null || iam=="")
	{
		alert("Enter your Profession");
		return false;
		}
	if (city==null || city=="")
	{
		alert("Enter the Your City");
		return false;
		}if (working==null || working=="")
		{
			alert("Enter the Working or Studyies");
			return false;
			}
		
}



</script>
</head>

<body>

	  
			<div id="header">
	           		<a href="index.html" id="logo"><img src="images/logo.gif" width="310" height="72" alt="" title=""></a>
					<ul class="navigation">
						<li ><a href="index.html">Home</a></li>
						
						<li><a href="index.html">Login</a></li>
						
						
						<li class="active"><a href="register.jsp">Register</a></li>
					</ul>
			</div>
			
			<div id="body">
			
			       <div id="content">
				         
						 
						 <div class="search">
									
								</div>
								
				        <div class="content">
						
						        
								

<div style="float:right;width:500px;height:auto;border:1px solid rgb(0,204,0);padding:0px;margin:0 auto;margin-right:10px;margin-top:10px;">
<div style="width:450px;height:40px;border:0px solid rgb(0,204,0);background:#00cc00;color:#FFFFFF;font-size:25px;padding-top:10px;padding-left:50px; auto;margin-right:0px;margin-top:0px;">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Create An New Account</div>

<%
String stas=request.getParameter("createstas");
String staf=request.getParameter("createstaf");
if(stas!=null)
{%>
	<div style="width:480px;height:40px;border:0px solid rgb(0,204,0);background:#DFF2BF;color:green;font-size:18px;padding-top:10px;padding-bottom:3px;padding-left:20px; auto;margin-right:0px;margin-top:0px;">
&nbsp;Thanks for registering, please Check your mail and get password. <a href="index.html"> Click here to login</a></div>	
<%}
if(staf!=null)
{%>
	<div style="width:480px;height:40px;border:0px solid rgb(0,204,0);background:#FFBABA;color:#D8000C;font-size:19px;padding-top:10px;padding-bottom:3px;padding-left:20px; auto;margin-right:0px;margin-top:0px;">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Already Registered, please give different email id or <a href="index.html"> Click here to login</a></div>	
<%}%>

<div style="width:470px;height:auto;border:0px solid rgb(0,204,0);background:#ffffff;color:#00cc00;padding-top:10px;padding-left:30px; auto;margin-right:0px;margin-top:0px;padding-bottom: 10px;">

<form name="form1" class="snform" id="create-form" action="create" method="post"  onsubmit="return validateForm()">
<label class="req label">First Name</label><br />
<input type="text" class="stext" id="fname" name="fname" value="" placeholder = "Eg:Balaji"/><br />
<label class="req label">Last Name</label><br />
<input type="text" class="stext" id="lname" name="lname" value="" placeholder = "Eg:Rajendiran"/><br />
<label class="req label">Email Id</label><br />
<input type="text" class="stext" id="email" name="email" value="" placeholder = "Eg:balaji@gmail.com"/><br />
<label class="req label">Re-Enter Email Id</label><br />
<input type="text" class="stext" id="remail" name="remail" value="" placeholder = "Eg:balaji@gmail.com"/><br />


<label class="req label">Date Of Birth</label><br />
<input type="text" class="stext" id="dob" name="dob" value="" placeholder = "Eg:05-02-1986"/><br />

<label class="req label">Location</label><br />
<input type="text" class="stext" id="city" name="city" value="" placeholder = "Eg:Chennai"/><br />

<label class="req label">I am </label><br />
<input type="text" class="stext" id="iam" name="iam" value="" placeholder = "Eg:Student or designation"/><br />

<label class="req label">Name Of School/College or Company </label><br />
<input type="text" class="stext" id="working" name="working" value="" placeholder = "Eg:Mary's or Wipro"/><br />


<label class="req label">Gender</label>&nbsp;&nbsp;&nbsp;
 <label>
      <input type="radio" name="gender" value="Male" id="gender" checked/>
      <font color="black">Male&nbsp;&nbsp;&nbsp;</font></label>
   
    <label>
      <input type="radio" name="gender" value="Female" id="gender" />
      <font color="black">Female</font></label><br />
 
 <br/><div align="left">
  <label>
<input type="checkbox" checked="checked"  id="agree" name="agree" value="agree"/>
I Agree to the All Terms of Service and Privacy Policy.</label>

</div><br />
<div align="left">
<button class="search_btn">Create</button>
</div>

</form>
</div>

</div>

						</div>
						
					    
				   </div>
				   
				   <div class="featured">
				        <ul>
							<li></li>
							<li></li>
							<li class="last"></li>
						</ul>
				        
				   </div>
				  
			
			</div>
			
			<div id="footer">
			        <div class="section">
						
					</div>
					<div id="footnote">
						<div class="section">
						 
						</div>
					</div>
			</div>
			
	
</body>
</html>